<template>
	<view class="content">
		<u-collapse @change="change" @close="close" @open="open">
			<u-collapse-item title="筛选" name="Docs guide">
				<view class="u-collapse-content"><u-tabs lineWidth="30" :list="year" @click="click"></u-tabs></view>
				<view class="u-collapse-content"><u-tabs lineWidth="30" :list="country" @click="click"></u-tabs></view>
				<view class="u-collapse-content"><u-tabs lineWidth="30" :list="catetory" @click="click"></u-tabs></view>
			</u-collapse-item>
		</u-collapse>
	</view>
</template>

<script setup>
import { ref, reactive, onMounted } from 'vue';
import { initRenderTabData } from './cateConfig.js';

let { year, country, catetory } = initRenderTabData();

const open = (e) => {
	// console.log('open', e)
};
const close = (e) => {
	// console.log('close', e)
};
const change = (e) => {
	// console.log('change', e)
};
const click = (e) => {
	// console.log('click', e)
};
</script>

<style lang="scss" scoped>
.content {
	// padding: 10px;

	.u-collapse-content {
		padding: 5rpx 0;
		max-width: 750rpx;
	}
	:deep(.u-collapse-item__content__text) {
		padding: 0px;
	}
}
</style>
